iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0

在前一篇有提到html的預設內容,那我們要如何從預設內容去寫入我們要的程式呢?
以下程式碼中,有分別寫入css、html、javascript的位置,這非常重要!!
因為位置寫錯在後面瀏覽網頁時可能會讀取不到那段資料!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        css程式碼
    </style>
</head>
<body>
    html程式碼
    <script>
        javascript程式碼
    </script>
</body>
</html>

css的程式碼用style包起來寫在head裡面,
再來就是body的部分,
先寫html,再來用script將js程式碼包起來。

接下來簡單介紹一下css、html、js
css主要負責的就是網頁的美化,像是背景、字體大小、邊框等等

html負責網頁主要架構,也就是網頁的主要內容

js則是主要負責網頁與使用者的互動,讓整體網頁不那麼單調,
像是點擊按鈕會跳出視窗,或是移動鼠標按鈕會淡入淡出、放大縮小等等,
這類的動態效果都是透過js才有辦法顯示的。

基本介紹就先到這啦~/images/emoticon/emoticon29.gif


上一篇
Day1.如何安裝環境?
下一篇
Day3.如何連結css檔和js檔
系列文
Web前端的探索:30天的驚奇之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言